<template>
  <!-- <div class="footer-container"> -->
  <van-tabbar route inactive-color="#000">
    <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/shop-car" icon="cart-o"
      >购物车</van-tabbar-item
    >
    <van-tabbar-item replace to="/order" icon="orders-o">订单</van-tabbar-item>
    <van-tabbar-item replace to="/myself" icon="user-o">我的</van-tabbar-item>
  </van-tabbar>
  <!-- </div> -->
</template>

<script>
export default {
  name: "JdFooter",
};
</script>

<style lang="less" scoped>
.footer-container {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
</style>